<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <script src="../../js/vue.js"></script>
</head>

<body>
    <!-- 
        1.一个重要的内置关系:
            VueComponent.prototype.__proto__ === Vue.prototype
        2.为什么要有这个关系:让组件实例对象(vc)可以访问到Vue原型上的属性、方法、
     -->
    <div id="app">
    </div>
    <script>
        Vue.config.productionTip = false

        /**
         * 
            // 定义一个构造函数
            function Demo() {
                this.a = 1
                this.b = 2
            }
            //创建一个Demo的实例对象
            const d = new Demo();

            console.log(Demo.prototype)//显示原型(函数才会有)

            console.log(d.__proto__)//隐式原型属性(实例对象只具备隐式的)

            console.log(Demo.prototype === d.__proto__)

            //程序员通过显示原型属性操作原型对象，追加一个x属性，值为99
            Demo.prototype.x = 99

            console.log('@', d, d.__proto__.x)
        */
    </script>
</body>

</html>